<script setup>
import { ref } from 'vue';

let data = ref([
  {
    title: '华为',
    data: [
      { id: 1, phone_name: 'mate 40 pro', disabled: false },
      { id: 2, phone_name: 'mate 50 pro', disabled: false },
      { id: 3, phone_name: 'mate 60 pro', disabled: false },
    ],
  },
  {
    title: '小米',
    data: [
      { id: 4, phone_name: 'xiaomi 40 pro', disabled: false },
      { id: 5, phone_name: 'xiaomi 50 pro', disabled: false },
      { id: 6, phone_name: 'xiaomi 60 pro', disabled: false },
    ],
  },
  {
    title: 'vivo',
    data: [
      { id: 7, phone_name: 'vivo 40 pro', disabled: false },
      { id: 8, phone_name: 'vivo 50 pro', disabled: false },
      { id: 9, phone_name: 'vivo 60 pro', disabled: false },
    ],
  },
  {
    title: 'oppo',
    data: [
      { id: 10, phone_name: 'oppo 40 pro', disabled: false },
      { id: 11, phone_name: 'oppo 50 pro', disabled: false },
      { id: 12, phone_name: 'oppo 60 pro', disabled: false },
    ],
  },
]);
</script>

<template>
  <Transfer :data="data" :right-Title="'右边'"></Transfer>
</template>

<style lang="less" scoped></style>
